/* New Reservations CSS */
@media (max-width: 1023px) and (min-width: 768px) {
  .reservation__button {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .reservation__button {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
}

.error-wrap span.error-message,
.error-wrap span.date-error-phone {
  color: #d5250a;
  position:unset;
  bottom: -30px;
  font-size: 14px;
  height: fit-content;
  height: 0px;
  font-family: "AvenirNextLT-Pro-Regular";
  -webkit-font-smoothing: auto;
  left: 40px;
  padding-top: 10px;
}

.error-wrap span.error-message {
  display: block;
}

.input-error {
  border: 1px solid #d5250a !important;
}

.form-field {
  position: relative !important;
}

@media (max-width: 1024px) {
  .u-margin--both {
    margin-top: 1.2rem;
    margin-bottom: 1rem;
  }
}